@import './index.scss';

/* 页面宽度小于1200px
------------------------------- */
@media screen and (max-width: $lg) and (min-width: $xs) {
	.login-container {
		.login-left {
			.login-left-img {
				top: 90%;
				left: 12%;
				width: 30%;
				height: 18%;
			}
		}
		.login-right {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
		}
	}
}

/* 页面宽度小于576px
------------------------------- */
@media screen and (max-width: $xs) {
	.login-container {
		.login-left {
			display: none;
		}
		.login-right {
			width: 100%;
			.login-right-warp {
				width: 100%;
				height: 100%;
				border: none;
				.login-right-warp-mian {
					.el-form-item {
						display: flex;
					}
					.login-right-warp-main-title {
						font-size: 20px;
					}
				}
				.login-right-warp-one {
					&::after {
						right: 0;
					}
				}
				.login-right-warp-two {
					&::before {
						bottom: 1px;
					}
				}
			}
		}
	}
}

/* 页面宽度小于375px
------------------------------- */
@media screen and (max-width: $us) {
	.login-container {
		.login-right {
			.login-right-warp {
				.login-right-warp-mian {
					.login-right-warp-main-title {
						font-size: 18px;
					}
				}
			}
		}
	}
}
